<template>
  <div> 
    <div class="box">
         
        <Digui :num="num -1" v-if="num > 0"/> 
         {{ num }}
        
        </div>
        <!-- 我希望在这里显示一个子组件，就是另外一个自己 需要在export default里添加一个 name(属性) ： '名字自定义' 然后在模板中显示<定义的名字/> -->
        <!-- 我给他传一个num = 当前 num - 1 -->
  </div>
</template>

<script>
export default {
  name: "Digui",
  props: ["num"]
};
</script>

<style lang="less" scoped>
    .box{
        margin: 3px;
        padding: 3px;
        border: 1px solid pink;
    }
</style>